<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
		<title>现货求购报价页</title>
		<link rel="stylesheet" href="static/css/common/base.css" />
		<link rel="stylesheet" href="static/css/common/common.css" />
		<link rel="stylesheet" href="static/css/supply_details.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=EG3bwH1OHAQZMbDYU5Cuq5Zc935lhmFn"></script>
	</head>

	<body>
		<div class="wrap">
			<!-- 头部开始-->
			<header>
				<div class="header common">
					<ul class="left fl">
						<li class="commones">
							<a class="fl" href="#">欢迎您！</a>
						</li>
						<li class="name">
							<!--登录前显示请登录-->
							<a href="users/personal.html" class="selected-color">请登录</a>

							<!--登录后显示请用户信息-->
							<!--<a href="users/personal.html">这名字还行</a>
							-->
						</li>
						<li>或</li>
						<li class="register">
							<a href="#"><span class="selected-color">轻松注册</span></a>
						</li>
					</ul>

					<ul class="right fr">
						<li>
							<a href="#">买家中心</a><b class="icon"></b>
							<ul>
								<li>
									<a href="users/collect.html">商品收藏</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">卖家中心</a><b class="icon"></b>
							<ul>
								<li>
									<a href="users/company-enter.html">商家入驻</a>
								</li>
							</ul>

						</li>
						<li class="message">
							<a href="#">消息（<span class="warn-color">10</span>）</a><b class="icon"></b>
							<ul>
								<li>
									<a href="#">新消息</a>
								</li>
								<li class="icon">
									<a href="#"> 您今天还有1次签到的机会，查看详情 副本</a>
								</li>
								<li class="icon">
									<a href="#">您今天还有1次签到的机会，查看详情 副本</a>
								</li>
								<li>
									<a href="messages.html">查看全部消息</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">在线客服</a><b class="icon"></b>
							<ul>
								<li>
									<a href="#">QQ客服</a>
								</li>
							</ul>
						</li>

					</ul>
				</div>
			</header>
			<!-- 头部结束-->

			<!--导航开始-->
			<nav class="nav">
				<div class="common">
					<div class="left fl logo"><img src="static/img/logo.png"></div>
					<div class="center fl">
						<ul class="fl">
							<li>
								<a href="#">首页</a>
							</li>
							<li>
								<a href="#">行情交易</a>
							</li>

							<li  class="selected-color">
								<a href="#">现货交易</a>
							</li>
							<li>
								<a href="#">供求黄页</a>
							</li>
							<li>
								<a href="#">招投标</a>
							</li>
							<li>
								<a href="#">供应链金融</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!--导航结束-->
			<div class="nav_bottom common"></div>
			<!--内容开始-->
			<div class="content">
				<div class="product-wrap  common">

					<div class="breadcrumb">
						您的位置：
						<a href="index.html">首页</a>&gt;
						<a>现货交易</a>&gt;
						<a>废纸</a>&gt;
						<a>混合复合废纸</a>&gt;
						<a>废纸金属复合纸</a>&gt;
						<a>供应白色淋膜纸</a>&gt;
						<a>报价</a>
					</div>

					<div class="product-info clearfix" style="border: 1px solid #E6E6E6;padding: 40px 30px 10px;">
					   <div class="product-info-top">
					   		<h2>${goodssupplyVo.title }</h2>
					   		<table>
					   			<tbody>
					   				<tr height="40px">
					   					<td width="200px">目标价格：${goodssupplyVo.price } 元</td>
					   					<td width="200px">数量：${goodssupplyVo.num }吨</td>
					   					<td width="250px">运送方式：送货上门</td>
					   				</tr>
					   				<tr height="40px">
					   					<td>类型：现货供应</td>
					   					<td colspan="2">库存地址：${goodssupplyVo.province}${goodssupplyVo.city}${goodssupplyVo.area}${goodssupplyVo.address}</td>
					   				</tr>
					   			</tbody>
					   		</table>
					   </div>
					   
					   <div class="product-info-middle">
					   	
							<table>
								<tbody>
									<tr>
										<td>
											<label>报价：</label>
											<input type="text" style="width: 150px;" />
										</td>
									</tr>
									<tr>
										<td>
											<label>采购数量：</label>
											<input type="text" style="width: 150px;" />
											<label>或 采购重量：</label>
											<input type="text" style="width: 150px;" />
										</td>
									</tr>
									<tr>
										<td>
											<label>收货地址：</label>
											<div class="fr" id="r-result">
												<input type="text" id="suggestId" size="20" style="width:410px;" placeholder="输入街道、乡镇、小区或商圈名称" />
											</div>
											<div id="searchResultPanel"></div>
											<div id="l-map"></div>
										</td>
									</tr>
									<tr>
										<td>
											<label>意向备注：</label>
											<input type="text" style="width: 410px;" placeholder="30字以内" maxlength="30" />
										</td>
									</tr>
								</tbody>
							</table>
							<button class="post" >提交</button>
					   </div>
						<div class="product-info-bottom">
							<ul class="clearfix">
								<li>
									<i class="icon icon-step1-contact"></i>
									<h4>联系卖家</h4>
									<h4>沟通求购需求</h4>
								</li>
								<li>
									<i class="icon icon-step2-post"></i>
									<h4>提交求购意向</h4>
									<h4>等待卖家确认</h4>
								</li>
								<li>
									<i class="icon icon-step3-ok"></i>
									<h4>求购意向达成</h4>
									<h4>卖家开单</h4>
								</li>
							</ul>
						</div> 
				</div>

			</div>
			<!--内容结束-->
			<footer class="common">
				<div class="footer-top">
					<ul>
						<li class="plqq">
							<span class="icon"></span>
							<h1>品种规格齐全</h1>
						</li>
						<li class="zzbz">
							<span class="icon"></span>
							<h1>质量可靠保障</h1>
						</li>
						<li class="jgyz">
							<span class="icon"></span>
							<h1>价格占有优势</h1>
						</li>
						<li class="qqbt">
							<span class="icon"></span>
							<h1>缺钱可打白条</h1>
						</li>
						<li class="mfzc">
							<span class="icon"></span>
							<h1>免费找货找车</h1>
						</li>
					</ul>
				</div>
				<div class="footer-bottom">
					<h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
					<h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
				</div>
			</footer>

		</div>
		<script type="text/javascript" src="static/lib/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="static/js/addAuto.js" ></script>
		<script type="text/javascript">
		  $(document).ready(function(){
          	//导航高亮
	        $("#nav_main li").eq(2).addClass("selected-color");
          })
		</script>
	</body>
</html>